﻿<%@ Page Language="C#" AutoEventWireup="true" %>
<!doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="description" id="description1" content="1">
  <meta name="renderer" content="webkit">
  <meta name="format-detection" content="telephone=no">
  <title>video</title>
  <link href="css/main.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css">
  <link href="css/video.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css">

  
</head>
<body>


<div class="video_main">

    <div class="videobox">
        <div class="contentBox" style="position:relative;margin-left: 10%;">
            <div class="video_nav">
            <div class="logo">
              <a href="/">
                <img src="/images/logo.png" width="185" height="60" border="0" />
              </a>
            </div>
            <div class="class-time1"><img src="images/video1.png" alt=""/><span>Class Time</span></div>
            </div>
            <div class="video_bj">
                <div class="video_span">
                    <span class="span_active">Text</span>
                    <span>White Board</span>
                </div>
            </div>
            <div class="video_content"  >
              <textarea class="untitledTil" readonly="readonly">How to study for an Accounting Exam</textarea>
              <textarea class="untitledCont">1) Take abundant notes. Preparing for an accounting exam does not begin the week of the exam - you will do much better if you have been taking notes throughout the course. Make sure to take note of key terms and their meanings, such as the matching principle...</textarea>
            </div>
        </div>

        <div class="video_rt">
             <ul class="rt_ul">
                 <li class="videoIcon">video</li>
                 <li onclick=endClass(); class="endeClassBtn"><span>End the Class</span></li>
             </ul>
            <ul class="chat">
              <li class="time_li">
                <div class="chat_time">10:42 30/12/2015</div>
              </li>
              <li class="other_li">
                <img src="images/aboutusbj1.png" class="other_pic" alt=""/>

                <div class="other_content">
                  OK Let me tell you how to study for an exam now...
                </div>
                <div style="clear: both"></div>
              </li>
              <li class="my_li">
                <img src="images/aboutusbj1.png" class="my_pic" alt=""/>

                <div class="my_content">
                  Thank you so much!
                </div>
                <div style="clear: both"></div>
              </li>

            </ul>

            <div class="document-update">
              <img src="/images/update.gif" alt="">
            </div>

            <div class="enterBox">
              <div class="enterBtn">
                <input class="enterBtnFile0"  type="file" value="">
                <input type="button" value="" class="enterBtnFile">
                <input type="button" value="" class="enterBtnFace">
              </div>
              <div class="video-expression">
                <ul></ul>
                <div class="dots"><span class="active"></span></div>
                <div class="dots"><span></span></div>
                <div class="dots"><span></span></div>

              </div>
              <div class="enter">
                <div name="sendinfo" id="sendinfo" contenteditable="true"></div>
              </div>
            </div>
        </div>
    </div>

</div>


<div class="video_pop" style="display: block;">
  <h3>Try live video chat here</h3>

  <p>You may need to grant permission to access your computer's video camera and microphone with the <span>Chrome</span>
    or <span>FireFox.</span></p>

  <p>Video support is unavailable on IE or Safari yet.</p>
</div>


<div id="videoDrog" style="right: 350px; top: 100px;">
  <div class="promptxt">Use your camera or microphone here</div>
  <img src="images/video_icon.png" alt="" class="beginVideo" id="beginVideoButton" />
  <img src="images/voice_icon.png" alt="" class="beginVoice" />
  <img src="images/close_video.png" alt="" class="closeVideo" id="closeVideoButton"/>

  <video id="remoteVideo" width="320px" height="240px" autoplay style="background-image: url('images/video.png')"></video>
  <video id="localVideo" class="otherVideo" muted="true" autoplay style="background-image: url('images/video_.jpg')"></video>

</div>




<!--****************************siderbar************************************-->
<!--#include file="incfiles/sidebar.aspx"-->


<!---head---->
</body>
<!--#include file="incfiles/globalJscript.aspx"-->   
<!--#include file="incfiles/commonJscript.aspx"-->
  
  <script type="text/javascript" src="js/inc/peer.min.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
 
  <script type="text/javascript" src="js/app/ordersmain.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
 
  <script type="text/javascript" src="js/app/cursor.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
  <script type="text/javascript" src="js/app/video.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
   
 
<script >
 $(function(){
   $(document).click(function(){
      $(".edit_pop").hide();
   });
   //视频的按钮
   $(".videoIcon").click(function(){
     if($("#videoDrog").is(":hidden")){
       $(".promptxt").show();
       $("#videoDrog").show();
       $(this).addClass("videoIconActive");
     }else{
       $("#videoDrog").hide();
       $(this).removeClass("videoIconActive");
     }
   });
 });
</script>
</html>
